<div class="page-content" style="background: #fff;">
   <ul class="steps">
   		 <li :class="step==1?'step on':'step'">
   		 	<i class="icon iconfont icon-zhanghu"></i>
   		 	<p>账户信息</p>
   		 </li>
   		 <li class="line"></li>
   		  <li :class="step==2?'step on':'step'">
   		 	<i class="icon iconfont icon-shanghu"></i>
   		 	<p>商户信息</p>
   		 </li>
 		<li class="line"></li>
   		  <li :class="step==3?'step on':'step'">
   		 	<i class="icon iconfont icon-yinghang"></i>
   		 	<p>银行信息</p>
   		 </li>
 		<li class="line"></li>
   		   <li :class="step==4?'step on':'step'">
   		 	<i class="icon iconfont icon-shangchuan"></i>
   		 	<p>上传资料</p>
   		 </li>
    <div class="clear"></div>
   		   
   </ul>  
<form id="mchAddForm">
	<!-- 第一眇 -->
   <div   :class="step==1?'box':'box hidden'" id="form_step_1">
   	 <div class="box-tip color_4">请填写以下实名信息</div>
   	 <div class="list-li">
	       
	         	 <div class="li"  >
	            	<div class="li-input-text">负责人姓名</div>
		            <div class="li-input">
		            	
		            	 <input   type="hidden" :value="pid"  name='pid'></input>
		              <input  maxlength="9" @blur="setVal"  :value="editData.PrincipalPerson" placeholder='请输入负责人姓名'  name='PrincipalPerson'></input>
		            </div>
		            <div class="clear"></div>
	         	 </div> 

	         	  <div class="li"  >
	            	<div class="li-input-text">身份证号</div>
		            <div class="li-input">
		              <input  maxlength="50" @blur="setVal"  :value="editData.PrincipalCertNo"  placeholder='请输入负责人身份证号' name='PrincipalCertNo'></input>
		            </div>
		            <div class="clear"></div>
	         	 </div> 

	         	 <div class="li"  style="position: relative;" >
	            	<div class="li-input-text">手机号</div>
		            <div class="li-input">
		              <input  maxlength="11" type="number"  @blur="setVal"  :value="editData.PrincipalMobile"   placeholder='请输入负责人手机号'   name='PrincipalMobile'></input>
		            </div>
		            <div class="clear"></div>
		              
	         	 </div> 

	         	  <div class="li"  style="position: relative;" >
	            	<div class="li-input-text" style="margin-top:8px ">验证码</div>
		            <div class="li-input"  style="margin-top:8px ">
		              <input  maxlength="11" type="number"   placeholder='手机验证码'   name='AuthCode'></input>
		            </div>
		            <div class="clear"></div>
		              <div class="btn btn2 codeBnt" @click="getCode" id="codeBnt">获取验证码</div>
	         	 </div> 
	   </div>      	 
   </div> 
<!-- 第二步 -->

   <div   :class="step==2?'box':'box hidden'" id="form_step_2">
   	 <div class="box-tip color_4">请填写以下商户信息</div>
   	 <div class="list-li">
	       
	         	 <div class="li"  v-if="type==3">
	            	<div class="li-input-text">公司全称</div>
		            <div class="li-input">
		              <input  maxlength="20" placeholder='请输入公司全称' @blur="setVal"  :value="editData.MerchantName"      name='MerchantName'></input>
		            </div>
		            <div class="clear"></div>
	         	 </div> 
	         	 <div class="li"  v-else>
	            	<div class="li-input-text">商户名称</div>
		            <div class="li-input">
		              <input  maxlength="20" placeholder='请输入商户名称'   @blur="setVal"  :value="editData.MerchantName"  name='MerchantName'></input>
		            </div>
		            <div class="clear"></div>
	         	 </div> 

	         	  <div class="li"  >
	            	<div class="li-input-text">商户简称</div>
		            <div class="li-input">
		              <input  maxlength="20" placeholder='请输入商户简称'  @blur="setVal"  :value="editData.Alias"   name='Alias'></input>
		            </div>
		            <div class="clear"></div>
	         	 </div> 

				<div class="li"  v-if="type>1">
	            	<div class="li-input-text">营业执照编号</div>
		            <div class="li-input">
		              <input  maxlength="20" placeholder='请输入营业执照编号/统一社会信用代码'   @blur="setVal"  :value="editData.BussAuthNum"   name='BussAuthNum'></input>
		            </div>
		            <div class="clear"></div>
	         	 </div> 


	         	 

	         	  <div class="li"  >
	            	<div class="li-input-text">行业</div>
		            <div class="li-input">
		             <select name="Mcc" style="width:70%;"  @change="setVal"  :value="editData.Mcc">
		             	<option value="">请选择</option>
		             	<option    v-for="industry in industryList"   :value="industry.industryId">{{industry.industryName}}</option>
		             </select>
		            </div>
		            <div class="clear"></div>
	         	 </div> 

	         	  <div class="li"  >
	            	<div class="li-input-text">省市区</div>
		            <div class="li-input">
		            	<input type="text" name="DestinationArea"    :value="editData.DestinationArea" placeholder="请选择地区"  id="DestinationArea">
		        
							<input type="hidden" class="hide-value"   :value="editData.District" name="District" id="District"  />
							<input type="hidden" class="hide-value"  :value="editData.City" value="" name="City"  id="City"/>
							<input type="hidden" class="hide-value"  :value="editData.Province"  name="Province" id="Province"  />
							<input type="hidden" class="hide-value" :value="editData.county_name"  name="county_name" id="county_name"  />
							<input type="hidden" class="hide-value"  :value="editData.city_name" name="city_name"  id="city_name"/>
							<input type="hidden" class="hide-value"   :value="editData.province_name"  name="province_name" id="province_name"  />
							 
		            </div>
		            <div class="clear"></div>
	         	 </div> 

	         	  <div class="li"  >
	            	<div class="li-input-text">详细地址</div>
		            <div class="li-input">
		              <input  maxlength="120" placeholder='请输入详细地址'  @blur="setVal"  :value="editData.Address"  name='Address'></input>
		            </div>
		            <div class="clear"></div>
	         	 </div> 
	         	 <!--  <div class="li"  >
	            	<div class="li-input-text">联系人</div>
		            <div class="li-input">
		              <input  maxlength="11"  placeholder='请输入联系人姓名'    name='ContactName'></input>
		            </div>
		            <div class="clear"></div>
	         	 </div> 

	         	  <div class="li"  >
	            	<div class="li-input-text">联系人电话</div>
		            <div class="li-input">
		              <input  maxlength="11"  placeholder='请输入联系人电话'    name='ContactMobile'></input>
		            </div>
		            <div class="clear"></div>
	         	 </div>  -->


	         	 
	         	 <div class="li"  >
	            	<div class="li-input-text">客服电话</div>
		            <div class="li-input">
		              <input  maxlength="11"  placeholder='请输入客服电话'   @blur="setVal"  :value="editData.ServicePhoneNo"  name='ServicePhoneNo'></input>
		            </div>
		            <div class="clear"></div>
	         	 </div> 
	   </div>      	 
   </div> 

<!-- 第三步 -->

   <div   :class="step==3?'box':'box hidden'" id="form_step_2">
   	 <div class="box-tip color_4">请填写以下银行卡信息</div>
   	 <div class="list-li">
	       
	         	 <div class="li"  v-if="type==3">
	            	<div class="li-input-text">对公银行卡号</div>
		            <div class="li-input">
		              <input  maxlength="40" placeholder='请输入对公银行卡号' @blur="setVal"  :value="editData.BankCardNo" type="number"   name='BankCardNo'></input>
		            </div>
		            <div class="clear"></div>
	         	 </div> 
	         	  <div class="li"  v-else>
	            	<div class="li-input-text">银行卡号</div>
		            <div class="li-input">
		              <input  maxlength="40" placeholder='请输入负责人银行卡号' type="number"  @blur="setVal"  :value="editData.BankCardNo"  name='BankCardNo'></input>
		            </div>
		            <div class="clear"></div>
	         	 </div> 
 

	         	  <div class="li"  >
	            	<div class="li-input-text">开户银行</div>
		            <div class="li-input">
		             <select name="BranchId" id="BranchId" @change="setVal"  :value="editData.BranchId"  v-on:change='getBankSubbranch($event)' >
		             	<option value="">请选择银行</option>
		             	<option   v-for="bank in bankList"  :selected="bank.bankId==editData.BranchId?true:false" :value="bank.bankId">{{bank.bankName}}</option></select>
		              
		            </div>
		            <div class="clear"></div>
	         	 </div> 


	         	  <div class="li"  >
	            	<div class="li-input-text">银行省市区</div>
		            <div class="li-input ">
		              <!-- <select class=" fl province form-control" style="width:33%;"  name="BranchProvince" id="BranchProvince" >
								<option value="">请选择</option>
							</select>
							<select id="bankCity" v-on:change='getBankSubbranch($event)' class=" fl city form-control" style="width:33%;" name="BranchCity">
								<option value="">请选择</option>
							</select>
							 <input type="hidden" class="hide-value" value="" name="bankHideCode"  /> -->
							 <input type="text"    :value="editData.bankArea"  placeholder="请选择地区" name="bankArea" id="bankArea">
							 <input type="hidden" class="hide-value"   :value="editData.BranchCity"   name="BranchCity" id="BranchCity"  />
							  <input type="hidden" class="hide-value"  :value="editData.BranchProvince"  name="BranchProvince" id="BranchProvince"  />
							  <input type="hidden" class="hide-value"   :value="editData.BranchCityName" name="BranchCityName" id="BranchCityName"  />
							 
		            </div>
		            <div class="clear"></div>
	         	 </div> 



	         	 <div class="li"  >
	            	<div class="li-input-text">开户支行名称</div>
		            <div class="li-input">
		             <select name="bankName" v-on:change='setContactLine($event)'>
		             	<option value="0">请选择支行</option>
		             	<option  v-for="bankSubbranch in bankSubbranchList" :contactLine="bankSubbranch.contactLine"  :value="bankSubbranch.sub_bankName" :selected="bankSubbranch.sub_bankName==editData.bankName?true:false"  >{{bankSubbranch.sub_bankName}}</option></select>
		             
		             </select>
		              <input type="hidden" name="ContactLine" :value="contactline">
		             <input type="hidden" name="AccountType" :value="accountType">  
		            </div>
		            <div class="clear"></div>
	         	 </div> 

	         	  <div class="li"  v-if="FeeValueList.length>0">
	            	<div class="li-input-text">结算费率</div>
		            <div class="li-input">
		             <select name="FeeValue">
		             	<option   v-for="FeeValue in FeeValueList" :value="FeeValue.value">{{FeeValue.text}}</option>
		             	 
		             </select>
		              
		            </div>
		            <div class="clear"></div>
	         	 </div> 
	         	 	   
 
	   </div>      	 
   </div> 


<!-- 第四步 -->
<div   :class="step==4?'box':'box hidden'" id="form_step_2">
 


<div class="w50 fl">
  <div class="box-tip color_4">请负责人身份证正面</div>
	 <div class="list-li mgt10">
        <div class="" id="certPhotoA" name="CertPhotoA" :url="uploadUrl" upload="1" ></div>        	 	   
 </div> 
</div>


<div class="w50 fl" >
  <div class="box-tip color_4">请负责人身份证反面</div>
	 <div class="list-li mgt10">
        <div class="" id="certPhotoB" name="CertPhotoB" :url="uploadUrl" upload="1"></div>        	 	   
 </div>   
</div>
<div class="clear"></div>
<div class="box-tip color_4" style="text-align: center;" v-if="type==1">“自然人”商户门头照+内景照、租赁协议二选一</div>

<!-- 个人 门店内景照片，企业及个体工商户必送，“自然人”商户门头照+内景照、租赁协议二选一 -->
 



<!--企业/个体工商户-->

<div class="w50 fl" >
  <div class="box-tip color_4">门店门头照</div>
	 <div class="list-li mgt10">
        <div class="" id="mainPhoto" name="ShopPhoto" :url="uploadUrl" upload="1" ></div>        	 	   
 </div> 
</div>

<div class="w50 fl" >
  <div class="box-tip color_4">门店室内照</div>
	 <div class="list-li mgt10">
        <div class="" id="ShopEntrancePhoto" name="ShopEntrancePhoto" :url="uploadUrl" upload="1" ></div>        	 	   
 </div> 
</div>

<div class="w50 fl" v-if="type==1">
  <div class="box-tip color_4">租赁协议图片</div>
	 <div class="list-li mgt10">
        <div class="" id="ContractPhoto" name="ContractPhoto" :url="uploadUrl" upload="1" ></div>        	 	   
 </div> 
</div>





<div class="w50 fl" v-if="type>1">
  <div class="box-tip color_4">营业执照照片</div>
	 <div class="list-li mgt10">
        <div class="" id="licensePhoto" name="LicensePhoto" :url="uploadUrl" upload="1"></div>        	 	   
 </div>   
</div>
  

 <div class="w50 fl" v-if="type==3">
  <div class="box-tip color_4">开户许可证照片</div>
	 <div class="list-li mgt10">
        <div class="" id="IndustryLicensePhoto" name="IndustryLicensePhoto" :url="uploadUrl" upload="1"></div>        	 	   
 </div>   
</div>
  
		   

 </div> 

</form>

  <div  :class="(is_publish === 0)?'btn w80':'btn w80 disable' "   v-on:click="nextStep($event)"  style="margin-left: 10%; margin-top: 10px; ">{{step==4?'提交':'下一步'}}</div>

  <div class="btn btn3 w80 " v-if="step > 1"  v-on:click="pevStep($event)"  style="margin-left: 10%; margin-top: 10px;">返回上一步</div>
  <div style="height: 20px"></div>
    



</div>
